import React,{useEffect} from "react";

function InputElement(props){
    // 相当于componentDidMount、componentDidUpdate、componentWillUnmount
    // 三个生命周期方法的集合
    // 第二个参数是一个数组，它可以用来控制后续的useEffect是否需要继续执行
    // 如果当前useEffect第二个参数数组中的值和前面一次数组的值相等，那么这次useEffect函数就不会执行

   
    return (
        
        <div>
            <label>{props.children}</label>
            <input
                type={props.type}
                value={props.value}
                onChange={props.onChange}
                onBlur={props.validate}
            />
            <span>{props.info}</span>
        </div>
    );
}
export default InputElement;